<template>
  <section class="panel namespace-panel">
    <namespace-panel-header></namespace-panel-header>
    <namespace-panel-master-tab></namespace-panel-master-tab>
    <namespace-panel-branch-tab></namespace-panel-branch-tab>
  </section>
</template>

<script>
  import NamespacePanelMasterTab from "./namespaceViews/namespacePanelMasterTab.vue";
  import NamespacePanelBranchTab from "./namespaceViews/namespacePanelBranchTab.vue";
  import NamespacePanelHeader from "./namespaceViews/namespacePanelHeader.vue";

  export default {
    components: {
      NamespacePanelMasterTab: NamespacePanelMasterTab,
      NamespacePanelBranchTab: NamespacePanelBranchTab,
      NamespacePanelHeader: NamespacePanelHeader
    },
    data() {
      return {}
    }
  }

</script>

<style lang="scss">
  .panel {
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .namespace-panel {
    border-top: 0;
    border-bottom: 0;
  }

</style>
